87:I[903690,["/chat-static/_next/static/immutable/chunks/0f7vmp09w0w3_.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l1ze4wl3hwyo.js","/chat-static/_next/static/immutable/chunks/1f2h7l_uwb6cb.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/1coue_ozvgza6.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/2z8sv1-dbgnfj.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/3m4qwgn27_r8x.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/0m-i5q_rijts2.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/309um4vobmrg1.js","/chat-static/_next/static/immutable/chunks/27hd0bbrd60mc.js","/chat-static/_next/static/immutable/chunks/0esh3_fydqhs4.js","/chat-static/_next/static/immutable/chunks/0fqzt-x_byqxq.js","/chat-static/_next/static/immutable/chunks/31ksuowt-h8kz.js","/chat-static/_next/static/immutable/chunks/3vib52bi7ylnf.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/313gqxshd-pvz.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2bf3kb-va9_w_.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/3dhcra7d70kox.js","/chat-static/_next/static/immutable/chunks/3bd2e1qm07sst.js","/chat-static/_next/static/immutable/chunks/1a66wkxyahiky.js","/chat-static/_next/static/immutable/chunks/0yhvouprkh27j.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/1zbczmbdcfpso.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/29x8k6m14yofx.js"],"ExplicitChatIdProvider"] 88:I[838238,["/chat-static/_next/static/immutable/chunks/0f7vmp09w0w3_.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l1ze4wl3hwyo.js","/chat-static/_next/static/immutable/chunks/1f2h7l_uwb6cb.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/1coue_ozvgza6.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/2z8sv1-dbgnfj.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/3m4qwgn27_r8x.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/0m-i5q_rijts2.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/309um4vobmrg1.js","/chat-static/_next/static/immutable/chunks/27hd0bbrd60mc.js","/chat-static/_next/static/immutable/chunks/0esh3_fydqhs4.js","/chat-static/_next/static/immutable/chunks/0fqzt-x_byqxq.js","/chat-static/_next/static/immutable/chunks/31ksuowt-h8kz.js","/chat-static/_next/static/immutable/chunks/3vib52bi7ylnf.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/313gqxshd-pvz.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2bf3kb-va9_w_.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/3dhcra7d70kox.js","/chat-static/_next/static/immutable/chunks/3bd2e1qm07sst.js","/chat-static/_next/static/immutable/chunks/1a66wkxyahiky.js","/chat-static/_next/static/immutable/chunks/0yhvouprkh27j.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/1zbczmbdcfpso.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/29x8k6m14yofx.js"],"SWRDataProvider"] 89:T108b,[V0_FILE]typescriptreact:file="components/reflective-button.tsx" isEdit="true" "use client" import type React from "react" import { useState, useCallback } from "react" import { Button } from "@/components/ui/button" interface ReflectiveButtonProps extends React.ComponentProps { children: React.ReactNode } export function ReflectiveButton({ children, className, ...props }: ReflectiveButtonProps) { const [position, setPosition] = useState({ x: 0, y: 0 }) const [isHovering, setIsHovering] = useState(false) const handleMouseMove = useCallback((e: React.MouseEvent) => { const rect = e.currentTarget.getBoundingClientRect() setPosition({ x: ((e.clientX - rect.left) / rect.width) * 100, y: ((e.clientY - rect.top) / rect.height) * 100, }) }, []) return ( ) } [V0_FILE]typescriptreact:file="button-row.tsx" isEdit="true" import { Camera, FileCode, LayoutDashboard, Droplet, Calculator } from "lucide-react" import { ReflectiveButton } from "./components/reflective-button" export default function ButtonRow() { return (

Clone a Screenshot Import from Figma Landing Page Sign Up Form Calculate Factorial

) } 7d:["$","$L87",null,{"chatId":"HBV2PLGFeqJ","children":["$","$L88",null,{"data":{"@\"active-block\",\"HBV2PLGFeqJ\",":{"id":"b_HgxLtykQqX9","messageId":"dnIrzpeYaBUaiySUHB7pwMdPqKg7vfph","source":"$89","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"modern-buttons","type":"code-project","project":"modern-buttons"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"HBV2PLGFeqJ\",":false,"":null},"children":"$L8a"}]}]

About

Tags

Share

About

Tags

Share

About

Tags

Share

More from pranathii

More Templates Like This